page{
  background: var(--bg-color);
}
.process{
  padding-bottom: 70rpx;
  .tabs-box{
    width: 100%;
    box-sizing: border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height: 80rpx;
    text-align: center;
    background: #fff;
    position: fixed;
    z-index: 2;
    padding: 0 70rpx;
    border-bottom:1rpx solid #e9e9e9;
  }
  .tabs-item.selected text{
    padding: 18rpx 0;
    color:#000;
    border-bottom:4rpx solid #000;
  }
  .tabs-item {
    flex: 1;
    color:#666;
    font-size: 28rpx;
  }
  .process-content {
    padding: 24rpx;
    padding-top: 104rpx;
    >view[hidden]{
      opacity: 0;
      position: absolute;
      left: -100%;
    }
    >view{
      opacity: 1;
      position: relative;
      left: 0;
      display: block!important;
      transition: all .5s ease-out;
      &.img{
        height: 80vh;
      }
    }
    .content-list{
      padding: 24rpx;
      border-radius: 32rpx;
      background: #fff;
      margin-bottom: 20rpx;
      padding-top: 1rpx;
      >view{
        line-height: 55rpx;
        font-size: 28rpx;
        display: flex;
        align-items: flex-start;
        color: #8E8E93;
        font-size: 28rpx;
        &.list-h1{
          margin-top: 20rpx;
          font-size: 32rpx;
          color: #000;
          text:nth-child(2){
            flex: 1;
            text{
              color: #F6A526;
            }
          }
          text:nth-child(3){
            color: #8E8E93;
            font-size: 28rpx;
          }
        }
        text:nth-child(2){
          width: 450rpx!important;
          margin: 0 15rpx;
          color: #000;
        }
        &.list-address text:nth-child(3){
          flex: 1;
          color: #4CD964;
          background: #fff;
          font-weight: 400;
          font-size: 28rpx;
          text-align: right;
        }
        &.phone{
          text:nth-child(2){
            color: #F6A526;
          }
        }
        &.handle-goods{
          padding-top: 24rpx;
          justify-content: flex-end;
          button{
            margin: 0;
            padding: 0;
            line-height: 66rpx;
            width: 144rpx;
            background: #F6A526;
            color: #fff;
            font-size: 24rpx;
            border-radius: 16rpx;
          }
        }
      }
    }
  } //tab-content end
}